<!DOCTYPE html>
<html>
<head>
    <title>SCUM代码查询系统</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="container mt-5">
        <h1 class="mb-4 text-center">SCUM物品代码查询</h1>
        
        <div class="search-box">
            <input type="text" class="form-control" id="searchInput" 
                   placeholder="输入中文名称进行搜索..." autocomplete="off">
            <div id="suggestions" class="list-group"></div>
        </div>

        <div id="results" class="mt-4">
            <table class="table table-hover">
                <thead class="table-light">
                    <tr>
                        <th>中文名称</th>
                        <th>游戏内代码</th>
                    </tr>
                </thead>
                <tbody id="resultsBody">
                </tbody>
            </table>
        </div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="{{ url_for('static', filename='js/app.js') }}"></script>

</body>
</html>